<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<link rel="stylesheet" href="../css/cssreset.css">
		<link rel="stylesheet" href="../css/login.css">
		<script src="../js/iconfont.js"></script>
		<script src="../js/jquery-3.0.0.js"></script>
	</head>
	<body>
		<header>
		<div class="head">
			<h1><img src="../images/loginlogo.jpg" alt=""></h1>
			<ul class="right2">
				<li class="current">
					<span class="tips1"></span>&nbsp; <span class="tips2"><a href="http://cms.yhd.com/cms/view.do?topicId=12">帮助中心</a></span> &nbsp;<span class="tips3"></span>
					<ul>
						<li><a href="../html/login.html">包裹跟踪</a></li>
						<li><a href="http://cms.yhd.com/cms/view.do?topicId=12">常见问题</a></li>
						<li><a href="../index.html">在线退换货</a></li>
						<li><a href="http://cms.yhd.com/cms/view.do?topicId=43">在线投诉</a></li>
					</ul>
				</li>
			</ul>
			<div class="right">
				<p>您好，欢迎光临1号店! &nbsp;&nbsp;<a href="../html/login.html">请登录</a></p>
			</div>	
		</div>
		</header>
		<section>
			<div class="middle"><div class="left">
				<img src="../images/login_pic.png" alt="">
				</div>	
				<div class="right">
					<form action="../index.html">
						<span class="tips1">1号店用户登录</span>
						<a href="../html/register.html">注册新账号</a>
						<span class="mid_1"></span>
						<input type="text" class="details1" placeholder="邮箱/手机/用户名" autofocus="">
						<span class="mid_2"></span>
						<input type="text" class="details2" placeholder="密码" autofocus="">
						<div class="details4">
						<input type="checkbox" class="des">自动登录 
						<span>忘记密码？</span>
						</div>
						<input type="submit" value="登录" class="details3">
					</form>
					<div class="details5">
						<span class="tips2">更多合作网站账号登录</span><br>
						<svg class="icon" aria-hidden="true">
  							<use xlink:href="#icon-QQ"></use>
						</svg>
						<svg class="icon" aria-hidden="true">
  							<use xlink:href="#icon-jingdong"></use>
						</svg>
						<svg class="icon" aria-hidden="true">
  							<use xlink:href="#icon-weixin1"></use>
						</svg>
						<svg class="icon" aria-hidden="true">
  							<use xlink:href="#icon-weibo"></use>
						</svg>
							<div class="mid_3">
								<span class="mid_5"></span>
								<span class="mid_4">更多合作网站</span>
							</div>
							<ul class="mid_6">
								<li>
									<span>
										<svg class="icon" aria-hidden="true">
										  <use xlink:href="#icon-zhifubao"></use>
										</svg>
									</span>支付宝
								</li>
								<li>
									<span>
										<svg class="icon" aria-hidden="true">
										  <use xlink:href="#icon-wangyi"></use>
										</svg>
									</span>网易
								</li>
								<li>
									<span>
										<svg class="icon" aria-hidden="true">
										  <use xlink:href="#icon-baidu"></use>
										</svg>
									</span>百度
								</li>
								<li>
									<span>
										<svg class="icon mid_6_1" aria-hidden="true">
										  <use xlink:href="#icon-renrenwang"></use>
										</svg>
									</span>人人网
								</li>
								<li>
									<span>
										<svg class="icon mid_6_2" aria-hidden="true">
										  <use xlink:href="#icon-pingan"></use>
										</svg>
									</span>平安万里通
								</li>
								<li>
									<span>
										<svg class="icon" aria-hidden="true">
										  <use xlink:href="#icon-mogujieicon"></use>
										</svg>
									</span>蘑菇街
								</li>
							</ul>	
						</div>
					</div>
				<span class="tips4"></span>
				
			</div>
		</section>
		<footer>
		<div class="tips3">
			<p class="des1"><a href="http://www.miibeian.gov.cn/">沪ICP备16050468号</a> | <span>沪B2-20170039</span> | <a href="http://d7.yihaodianimg.com/N09/M07/BD/7B/ChEi11kJnKaAJQMrAAK-LnhML4o60600.jpg">营业执照</a></p>
			<p class="des2">Copyright © 1号店网上超市 2007-2018，All Rights Reserved</p>
		</div>
		</footer>
		<script>
		// 帮助助手
			$('.right2 li').hover(function() {
				$(this).addClass('current');
				$(this).children().addClass('current');
			}, function() {
				$(this).removeClass('current');
				$(this).children().removeClass('current');
			});
		// 更多合作网站
			$('.mid_3').click(function(event) {
				$('.mid_6').slideToggle();
			});
		// 
		</script>
	</body>
</html>